<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../js/pagination.js"></script>

  <style>
    .warp {
      width: 1000px;
      height: 30px;
      border: 1px solid rebeccapurple;
      margin: auto;
    }
  </style>
</head>

<body>
  <div class="warp"></div>
</body>
<script>
  var div = document.querySelector(".warp");
  new Pagination(div, {
    pageInfo: {
      pagenum: 20,
      pagesize: 200,
      totalsize: 100,
      totalpage: 5
    },
    textInfo: {
      first: "首页",
    }
  });
</script>

</html>